﻿@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@{
    Layout = "MasterTemplate.cshtml";
	var imageId = Model.Content.GetPropertyValue<int>("mediapicker");
	var image = Umbraco.TypedMedia(imageId);
		
	var itemIdsmedia = Model.Content.GetPropertyValue<string>("mediatree");
    var itemIdtitle = Model.Content.GetPropertyValue<IList<String>>("multipletitle");
	var itemIddesc = Model.Content.GetPropertyValue<IList<String>>("multipledesc");
	var itemIdlink = Model.Content.GetPropertyValue<IList<String>>("multiplelink");
	char[] splitChar = { ',' };
	int counter = itemIdtitle.Count();
	int itemt=0;
}

<html lang="en">
<body id="page1">

<body id="page1">
	<div class="main zerogrid">
<!--header -->
		<header>	
		@section slider {
		<div id="slider">
					<ul class="items">
						
						@foreach(var idmedia in itemIdsmedia.Split(splitChar, StringSplitOptions.RemoveEmptyEntries))
						{
						
						var itemmedia = Umbraco.TypedMedia(idmedia);
						

						{
  							
						<li>
						
							<img src=@itemmedia.Url alt="">
						

							<div class="banner">
							<span class="title">
  				  		 <span class="color1">@itemIdtitle[itemt]</span>									
								<p>@itemIddesc[itemt]</p>
								<a href="#" class="button1">@itemIdlink[itemt]</a>
									</div>		
						</li>
						}

								itemt++;	
						}	
						
					
					</ul>
						</div>}
			</header>		
						
				@section article {			
			<article id="content">
			<div class="wrapper">
					
				<div class="col-1-4"><div class="wrap-col">
				<p>@Model.Content.GetPropertyValue("articlecontent")</p>
					</div></div>
						
				<div class="col-1-4"><div class="wrap-col">
				<p>@Model.Content.GetPropertyValue("articlecontent2")</p>
					</div></div>
												
				<div class="col-1-4"><div class="wrap-col">
				<p>@Model.Content.GetPropertyValue("articlecontent3")</p>
					</div></div>
																		
				<div class="col-1-4"><div class="wrap-col">
				<p>@Model.Content.GetPropertyValue("articlecontent4")</p>
					</div></div>
			</div>
						
						
			</article>
					
		<div class="bg1">
			<div class="main zerogrid">
				<article id="content2">
					<div class="wrapper">
						<div class="col-3-4"><div class="wrap-col">
							<h3>Welcome to Our Company!</h3>
							<div class="wrapper">
							<figure class="left marg_right1"><img src=@image.Url alt=""></figure>
							<p>@Model.Content.GetPropertyValue("lowerarticle")</p>
							</div>	
							<a href="#" class="button1">Read More</a>
						</div></div>
								
						<div class="col-1-4"><div class="wrap-col">
							@Model.Content.GetPropertyValue("sidearticle")
						</div></div>
					</div>
				</article>
			</div>
		</div>
							}
</body>
</html>